import { FunctionalComponent } from "vue";
import title from '@img/title.png';

interface Props {
  title: String
}

const layoutTitle: FunctionalComponent<Props> = (props, ctx) => {
  return (
    <div class="w-[187px] h-[36px] leading-[12px]  relative">
      <img src={title} alt="" class="absolute left-0 top-0 w-full h-full" />
      <p class="text-[#FFF] text-[16px] relative p-[10px_0px_0px_10px] font-[var(--font-bold)] italic tracking-[2px]">{props.title}</p>
    </div>
  )
}

export default layoutTitle
